import { ResultPage, Card, Switch, Button } from 'antd-mobile'
import { LoopOutline } from 'antd-mobile-icons'
import MySwiper from '../../Component/MySwiper'
import MyList from './Component/MyList'

const Home = () => {
   
    return (
        <div>
            首页
            <ResultPage
                status=''
                title=''
                description=''
            >
                <ResultPage.Card style={{ padding: 8 }}>
                    <div className='row'>
                        <div className='box'>
                            <span className='start'>北京</span>
                            <LoopOutline fontSize={24} />
                            <span className='end'>上海</span>
                        </div>
                        <div>
                            <span className='date'>2025-5-26</span>
                            <span className='day'>周一</span>
                        </div>
                        <div className='box'>
                            <span className='gt'>只看高铁/动车</span>
                            <span className='kg'><Switch /></span>
                        </div>
                        <div>
                            <Button block color='warning' shape='rounded'>
                                搜索
                            </Button>
                        </div>
                    </div>
                </ResultPage.Card>

                <Card style={{ marginTop: 12 }}>
                 <MySwiper></MySwiper>
                </Card>
            </ResultPage>
            
            <MyList />
        </div>
    )
}

export default Home
